@import "variables";

.last-child-mb-0 {
  & > :last-child {
    margin-bottom: 0;
  }
}

@each $space, $value in $spaces {
  .p-#{$space} {
    padding: $value !important;
  }

  .px-#{$space} {
    padding-left: $value !important;;
    padding-right: $value !important;;
  }

  .py-#{$space} {
    padding-top: $value !important;;
    padding-bottom: $value !important;;
  }

  .pt-#{$space} {
    padding-top: $value !important;;
  }

  .pr-#{$space} {
    padding-right: $value !important;;
  }

  .pb-#{$space} {
    padding-bottom: $value !important;;
  }

  .pl-#{$space} {
    padding-left: $value !important;;
  }

  .m-#{$space} {
    margin: $value !important;;
  }

  .mx-#{$space} {
    margin-left: $value !important;;
    margin-right: $value !important;;
  }

  .my-#{$space} {
    margin-top: $value !important;;
    margin-bottom: $value !important;;
  }

  .mt-#{$space} {
    margin-top: $value !important;;
  }

  .mr-#{$space} {
    margin-right: $value !important;;
  }

  .mb-#{$space} {
    margin-bottom: $value !important;;
  }

  .ml-#{$space} {
    margin-left: $value !important;;
  }
}

@each $inner-space, $value in $inner-spaces {
  .p-#{$inner-space} {
    padding: $value !important;
  }

  .px-#{$inner-space} {
    padding-left: $value !important;;
    padding-right: $value !important;;
  }

  .py-#{$inner-space} {
    padding-top: $value !important;;
    padding-bottom: $value !important;;
  }

  .pt-#{$inner-space} {
    padding-top: $value !important;;
  }

  .pr-#{$inner-space} {
    padding-right: $value !important;;
  }

  .pb-#{$inner-space} {
    padding-bottom: $value !important;;
  }

  .pl-#{$inner-space} {
    padding-left: $value !important;;
  }

  .m-#{$inner-space} {
    margin: $value !important;;
  }

  .mx-#{$inner-space} {
    margin-left: $value !important;;
    margin-right: $value !important;;
  }

  .my-#{$inner-space} {
    margin-top: $value !important;;
    margin-bottom: $value !important;;
  }

  .mt-#{$inner-space} {
    margin-top: $value !important;;
  }

  .mr-#{$inner-space} {
    margin-right: $value !important;;
  }

  .mb-#{$inner-space} {
    margin-bottom: $value !important;;
  }

  .ml-#{$inner-space} {
    margin-left: $value !important;;
  }
}

@each $nspace, $value in $spaces {
  .p-n-#{$nspace} {
    padding: -$value !important;
  }

  .px-n-#{$nspace} {
    padding-left: -$value !important;;
    padding-right: -$value !important;;
  }

  .py-n-#{$nspace} {
    padding-top: -$value !important;;
    padding-bottom: -$value !important;;
  }

  .pt-n-#{$nspace} {
    padding-top: -$value !important;;
  }

  .pr-n-#{$nspace} {
    padding-right: -$value !important;;
  }

  .pb-n-#{$nspace} {
    padding-bottom: -$value !important;;
  }

  .pl-n-#{$nspace} {
    padding-left: -$value !important;;
  }

  .m-n-#{$nspace} {
    margin: -$value !important;;
  }

  .mx-n-#{$nspace} {
    margin-left: -$value !important;;
    margin-right: -$value !important;;
  }

  .my-n-#{$nspace} {
    margin-top: -$value !important;;
    margin-bottom: -$value !important;;
  }

  .mt-n-#{$nspace} {
    margin-top: -$value !important;;
  }

  .mr-n-#{$nspace} {
    margin-right: -$value !important;;
  }

  .mb-n-#{$nspace} {
    margin-bottom: -$value !important;;
  }

  .ml-n-#{$nspace} {
    margin-left: -$value !important;;
  }
}

@each $inner-space, $value in $inner-spaces {
  .p-n-#{$inner-space} {
    padding: -$value !important;
  }

  .px-n-#{$inner-space} {
    padding-left: -$value !important;;
    padding-right: -$value !important;;
  }

  .py-n-#{$inner-space} {
    padding-top: -$value !important;;
    padding-bottom: -$value !important;;
  }

  .pt-n-#{$inner-space} {
    padding-top: -$value !important;;
  }

  .pr-n-#{$inner-space} {
    padding-right: -$value !important;;
  }

  .pb-n-#{$inner-space} {
    padding-bottom: -$value !important;;
  }

  .pl-n-#{$inner-space} {
    padding-left: -$value !important;;
  }

  .m-n-#{$inner-space} {
    margin: -$value !important;;
  }

  .mx-n-#{$inner-space} {
    margin-left: -$value !important;;
    margin-right: -$value !important;;
  }

  .my-n-#{$inner-space} {
    margin-top: -$value !important;;
    margin-bottom: -$value !important;;
  }

  .mt-n-#{$inner-space} {
    margin-top: -$value !important;;
  }

  .mr-n-#{$inner-space} {
    margin-right: -$value !important;;
  }

  .mb-n-#{$inner-space} {
    margin-bottom: -$value !important;;
  }

  .ml-n-#{$inner-space} {
    margin-left: -$value !important;;
  }
}
